<template>
  <div class="repairs-succ">
    <div class="result-top">
      <img src="../../assets/icon/repair_s.png">
      <h2 class="result-title">工位报修成功</h2>
      <p class="tip">维修人员会尽快前往工位进行维修</p>
    </div>
    <div class="result-info">
      <ul class="repairs-info">
        <li>
          <span class="label">工位编号</span>
          <span class="val">4D103</span>
        </li>
        <li>
          <span class="label">问题区域</span>
          <span class="val">椅子</span>
        </li>
      </ul>
      <div class="description">
        <div class="label">问题描述</div>
        <div class="content">无法调节高度椅子太低了无法调节高度椅子太低了无法调节高度椅子太低了无法调节高度椅子太低了</div>
      </div>
    </div>
    <!-- <yd-cell-group>
      <div class="repairs-info">
        <div class="left">
          <yd-cell-item>
            <span slot="left">工位编号</span>
            <span slot="right">4D103</span>
          </yd-cell-item>
        </div>
        <div class="right">
          <yd-cell-item>
            <span slot="left">问题区域</span>
            <span slot="right">椅子</span>
          </yd-cell-item>
        </div>
      </div>

      <yd-cell-item>
        <span slot="left">问题描述</span>
        <span slot="right">无法调节高度椅子太低了无法调节高度椅子太低了无法调节高度椅子太低了无法调节高度椅子太低了</span>
      </yd-cell-item>
    </yd-cell-group> -->
  </div>
</template>
<script>
export default {
  name: 'RepairsSucc'
}
</script>
<style lang="stylus" scoped>
@import '~styles/varibles.styl';
.result-top
  padding-top: 0.8rem;
  text-align: center;
  img
    width: 1.92rem;
    height: 1.92rem;
    display: block;
    margin: 0 auto;
  .result-title
    margin: 0.5rem 0 0.24rem;
    color: $blue;
    font-size: 0.4rem;
    line-height: 0.56rem;
  .tip
    padding: 0 0.36rem 0.46rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: $lightGray;
.result-info
  background: $white;
  margin: 0 0.32rem;
  padding: 0.32rem 0.34rem 0.24rem 0.36rem;
  border-radius: 8px;
  font-size: 0.28rem;
  .label
    color: $darkText;
    margin-right: 0.28rem;
  .repairs-info
    overflow: hidden;
    margin-bottom: 0.4rem;
    li
      float: left;
      width: 50%;
      line-height: 0.42rem;
      .val
        color: $grayText;
  .description
    display: flex;
    line-height: 0.42rem;
    .label
      float: left;
      display: inline-block;
    .content
      flex: 1;
      color: $grayText;
      height: 1.84rem;
</style>
